<html>
  <head>
    <meta charset="utf-8" />
    <title>文曲星 | 使用文档</title>
    <link rel="stylesheet" href="../../css/common.css" />
    <link rel="stylesheet" href="../../utils/layui/css/layui.css" />
    <script src="../../utils/layui/layui.js"></script>
  </head>

  <body>
    <!-- 头部 -->
    <div class="header"></div>
    <!-- 中间文档部分 -->
    <div class="main">
      <h1 style="font-size: 2.6vw" id="top">文曲星使用文档</h1>
      <br /><br /><br />

      <h1 id="mid1">简介</h1>
      <div>
        <span>文曲星</span
        >是由电子科技大学<span>“江山代有才人秃”</span>小队研发的基于课程教学数据的实时内容推荐和个性化智能问答系统。配合<span>超星线上教育平台</span>，旨在解决线上学习难听懂、缺巩固、无师可问的弊端。<span>文曲星</span>会帮助用户整理习题和知识点、推荐用户感兴趣的课题，并且可以实时解答用户学习过程中产生的疑问，极大提高了用户线上学习的效率。
      </div>
      <br /><br /><br />

      <h1 id="mid2">下载安装</h1>
      <div>
        1.在<span
          ><a href="http://wqx.net3v.club" class="toIndex">文曲星官网</a></span
        >，点击“gitee下载”按钮，下载文曲星插件源码。<br />
        <img src="set1.png" alt="" />
        2.打开浏览器点击右上角 “...” → “扩展” → “管理扩展” 进入扩展管理界面。<br /><img
          src="set2.png"
          alt=""
        /><img src="set3.png" alt="" />
        3.打开“开发人员模式”，点击“加载解压缩的扩展”，选择“文曲星”文件夹，即可完成加载
        <img src="set4.png" alt="" /><img src="set5.png" alt="" />
      </div>
      <br /><br /><br />

      <h1 id="mid3">功能介绍</h1>
      <div>
        在文曲星中，你可以：<br />
        1.
        <span>拥有一位随叫随到的老师：</span
        >当你在网课学习中有疑惑时，你可以在文曲星的问答主界面中向系统提问，你将很快得到回答，你不仅可以在聊天栏中输入文字问题，还可以传入图片和语音，使你的问题得到更好的描述并且使你的提问更加便捷。<br />
        2.<span>拥有一位体贴入微的顾问：</span>文曲星会采集你在学习页面的行为数据，根据这些数据将分析出你最感兴趣的内容。当你点击“推荐”按钮时，文曲星就会像你的私人顾问一样，展现出你最感兴趣的习题，解答之后会显示出题目的知识点和答案，帮你更好的巩固所学知识。<br />
        3.
        <span>拥有一个便捷的备忘录：</span
        >文曲星会自动帮你记录你的问答和推荐记录，你可以在“历史记录”中查看你的错题和对应知识点，帮助你常巩固、常提升。
      </div>
      <br /><br /><br />

      <h1 id="mid4">快速开始</h1>
      <div>
        我们以超星示范教学包中《中华文化通识教程》为例，演示文曲星系统的使用。
        <img src="sample1.png" alt="" />
        1.想要使用文曲星，你需要先注册文曲星账号。你可以通过邮箱和微信账号注册文曲星账号（当你使用微信扫码登陆时，如果你是新用户，文曲星会自动帮你注册）。拥有文曲星账号之后，你便可以通过邮箱密码登录、邮箱验证码登录、微信扫码登录三种方式登录文曲星系统。
        <img src="sample2.png" alt="" />
        2.
        登录文曲星后，你可以在打开文曲星插件侧边栏的同时进行视频学习，当你听课过程中有不解之处，就可以在文曲星的聊天主界面进行提问，你可以选择文字提问、图片提问、语音提问这三种方式，文曲星将给予你准确快速的回答。
        <img src="sample3.png" alt="" />
        3.
        当你进行一段时间的同时，文曲星早已捕捉你在听课界面的行为，由此可以计算出你最感兴趣的知识点。当你点击“推荐”按钮时，就可以看到文曲星给你精心挑选的习题，进行答题后可以看到对应的知识点，帮助你在学习的过程中多加巩固。
        <img src="sample4.png" alt="" /><img src="sample5.png" alt="" />
        4.
        当你知识点有所遗忘时，你可以点击“历史记录”按钮，你将在此界面看到你所有的历史习题，除此之外，你也可以在聊天界面点击“查看历史记录”，这样也可以看到你和文曲星的历史问答记录。帮助你在学习之后多复习，牢掌握。
        <img src="sample6.png" alt="" />
        5. 除此之外，文曲星还提供了OpenApi，让用户在自己的代码中也可以引入文曲星的功能，详情查看<a class="toOpenApi" href="../openApi.html"
          >文曲星OpenApi文档。</a
        >
      </div>
      <br /><br /><br />
    </div>

    <!-- 底部 -->
    <div class="button"></div>

    <!-- 绝对定位跳转 -->
    <div class="side">
      <a href="#top" class="top aa">文曲星使用文档</a>
      <a href="#mid1" class="mid aa">简介</a>
      <a href="#mid2" class="mid aa">下载安装</a>
      <a href="#mid3" class="mid aa">功能介绍</a>
      <a href="#mid4" class="mid aa">快速开始</a>
    </div>
  </body>

  <style>
    /* 头部 */
    .header {
      width: 100vw;
      height: 12.43vw;
      background: url("../static/header.png") no-repeat;
      background-size: 100% 100%;
    }

    /* 中间文档 */
    .main {
      margin: 1vw 0 3vw 25vw;
      width: 55vw;
      /* border: 1px solid pink; */
    }
    .main div {
      font-size: 1vw;
      margin: 0.4vw 0;
      line-height: 1.6667vw;
    }
    .main h1 {
      margin-bottom: 1vw;
    }
    .main h2 {
      margin-bottom: 0.6vw;
    }

    .main img {
      width: 100%;
      margin: 1vw 0 2vw 0;
    }

    /* 底部 */
    .button {
      width: 100vw;
      height: 7.361vw;
      background: url("../static/button.png") no-repeat;
      background-size: 100% 100%;
    }

    .side {
      position: fixed;
      top: 13.43vw;
      left: 0;
      border-right: 0.1vw solid #aaa;
      width: 18vw;
      height: 19vw;
      padding: 1vw 0 0 3vw;
    }

    /* 绝对定位跳转 */
    .top {
      font-size: 1.1vw;
      font-weight: 500;
    }
    .mid {
      font-size: 1vw;
      padding-left: 1vw;
    }
    .aa {
      display: block;
      margin-bottom: 1vw;
    }
    .aa:hover {
      color: #6996f0;
    }

    /* 加粗 */
    span {
      font-weight: 600;
    }
    .toOpenApi {
      color: #409eff;
    }
    .toOpenApi:hover {
      color: #6996f0;
      cursor: pointer;
    }
    .toIndex:hover {
      color: #6996f0;
      cursor: pointer;
    }
  </style>
</html>
